const doms = {
  carousel: document.querySelector('.carousel'),
  indicator: document.querySelector('.indicator')
}

/**
 * 移动到那个
 * 
*/
function moveTo(index) {
  doms.carousel.style.transform = `translateX(-${index * 100}%)`;
  //
  doms.indicator.querySelector('.active').classList.remove('active');
  doms.indicator.children[index].classList.add('active')
}

// dom 伪数组无法使用 forEach、 map 等数组遍历的方法
Array.from(doms.indicator.children).forEach(function(item, i) {
  item.onclick = function() {
    moveTo(i)
  }
});